import React, { Component } from "react";
import { withRouter } from "react-router-dom/cjs/react-router-dom";
import { NavLink } from "react-router-dom/cjs/react-router-dom.min";
import style from "./tabbar.module.css";
export default class Tabbar extends Component {
  render() {
    return (
      <div className={style.tabbar}>
        <ul>
          <li>
            {/* NavLink声明式导航  activeClassName表示类名自己定义的
            声明式导航可以理解为a链接  编程式导航是location.herf
            */}
            <NavLink activeClassName={style.lzqactive} to="/films">
              电影
            </NavLink>
          </li>
          <li>
            <NavLink activeClassName={style.lzqactive} to="/cinemas">
              影院
            </NavLink>
          </li>
          <li>
            <NavLink activeClassName={style.lzqactive} to="/center">
              我的
            </NavLink>
          </li>
        </ul>
      </div>
    );
  }
}
